<template>
  <div class="lm-receive-container">
    <div class="lm-receive-order">
      <div class="patient base">
        <div class="title">患者信息</div>
        <div class="body">
          <el-row>
            <el-col :span="3">患者姓名:</el-col>
            <el-col :span="4">王大宝</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">患者性别:</el-col>
            <el-col :span="4">王大宝</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">患者编号:</el-col>
            <el-col :span="4">王大宝</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">患者年龄:</el-col>
            <el-col :span="4">王大宝</el-col>
          </el-row>
        </div>
      </div>
      <div class="patient base">
        <div class="title">病例信息</div>
        <div class="body">
          <el-row>
            <el-col :span="3">病例编号:</el-col>
            <el-col :span="4">LM123456789</el-col>
            <el-col :span="3">套餐名称:</el-col>
            <el-col :span="4">Fit-4套餐</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">治疗状态:</el-col>
            <el-col :span="4">治疗中</el-col>
            <el-col :span="3">治疗阶段:</el-col>
            <el-col :span="4">P2</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">创建时间:</el-col>
            <el-col :span="4">2020-5-6</el-col>
            <el-col :span="3">矫治器名称:</el-col>
            <el-col :span="4">P2</el-col>
          </el-row>
        </div>
      </div>
      <div class="patient base">
        <div class="title">订单信息</div>
        <div class="body">
          <el-row>
            <el-col :span="3">订单编号:</el-col>
            <el-col :span="4">LM123456789</el-col>
            <el-col :span="3">套餐名称:</el-col>
            <el-col :span="4">Fit-4套餐</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">创建时间:</el-col>
            <el-col :span="4">2020-5-6</el-col>
            <el-col :span="3">当前副数:</el-col>
            <el-col :span="4">P2</el-col>
          </el-row>
          <el-row>
            <el-col :span="3">订单状态:</el-col>
            <el-col :span="4">王大宝</el-col>
            <el-col :span="3">矫治器名称:</el-col>
            <el-col :span="4">罗慕矫治器</el-col>
          </el-row>
        </div>
      </div>
    </div>
    <div class="lm-foot-btns"> <slot></slot></div>
  </div>
</template>
<script>
export default {
  props: {
    plan: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
    };
  },
  methods: {
    changeType(type) {
      this.plan.plan = type;
    }
  }
};
</script>
<style lang="scss" scoped>
.lm-receive-container{
  margin: 0;
  padding: 0;
  .lm-receive-order{
    padding-left:64px;
    padding-top:32px;
    .patient{

    }
    .base{
      margin-bottom: 20px;
      .title{
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 21px;
        border-left: 3px solid  #508FCC;
        padding-left: 6px;
        margin-bottom:10px;
      }
      .body{
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 30px;
        color: #666666;
      }
    }
    .msg{

    }
    .order{

    }
  }
  .lm-foot-btns{
    height: 60px;
    border-top: #E6E6E6 solid 1px ;
    // padding-top: 10px;
    button{
      float: right;
      margin: 15px;
    }
  }
}
</style>
